<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>投诉与建议</title>
    <link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style.css">
</head>
<body>
<div class="col-sm-12 my-cp">
    <table class="table table-bordered table-hover table-striped my-table text-center">
        <thead>
        <tr>
            <td>企业名</td>
            <td>联系人</td>
            <td>联系电话</td>
            <td>投诉时间</td>
            <td>状态</td>
            <td>操作</td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123</td>
            <td>123</td>
            <td>123</td>
            <td>123</td>
            <td>123</td>
            <td>
                <button class="btn btn-info btn-sm" onclick="showDetail(this)" data-id="1">查看详情</button>
            </td>
        </tr>
        </tbody>
    </table>
    <nav class="my-pagination">
        <ul class="pagination">
            <li class="disabled">
                <a href="#">上一页</a>
            </li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
                <a href="#">下一页</a>
            </li>
        </ul>
    </nav>
</div>
<div id="modal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">详情</h4>
            </div>
            <div class="modal-body">
                <p id="modal-body"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script>
    function showDetail(obj) {
        $("#modal-body").html($(obj).data('id'));
        $('#modal').modal('show');
    }
</script>
</body>
</html>